$body-bg: #f6f6f6 !default;
$body-color: #333333 !default;

$font-size: 14px !default;
$font-size-base: 1rem !default;
$font-family: 'Microsoft Yahei', '微软雅黑', Helvetica, Arial, sans-serif !default;

$primary: #0076c4 !default;
$primary-text: #fff !default;
$accent: #fa9600 !default;
$success: #5cb85c !default;
$warning: #ffab19 !default;
$error: #e51c23 !default;
$info: #5bc0de !default;
$white: #ffffff !default;
$black: #000000 !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #868e96 !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;

$primary-light-1: lighten($primary, 5%) !default;
$primary-light-2: lighten($primary, 10%) !default;
$primary-light-3: lighten($primary, 15%) !default;
$primary-light-4: lighten($primary, 20%) !default;
$primary-light-5: lighten($primary, 25%) !default;
$primary-light-6: lighten($primary, 30%) !default;
$primary-light-7: lighten($primary, 35%) !default;
$primary-light-8: lighten($primary, 40%) !default;
$primary-light-9: lighten($primary, 45%) !default;
$primary-dark-1: darken($primary, 5%) !default;
$primary-dark-2: darken($primary, 10%) !default;
$primary-dark-3: darken($primary, 15%) !default;
$primary-dark-4: darken($primary, 20%) !default;
$primary-dark-5: darken($primary, 25%) !default;
$primary-dark-6: darken($primary, 30%) !default;
$primary-dark-7: darken($primary, 35%) !default;
$primary-dark-8: darken($primary, 40%) !default;
$primary-dark-9: darken($primary, 45%) !default;
$primary-transparent-0: rgba($primary, 0.01) !default; // bg-color
$primary-transparent-1: rgba($primary, 0.1) !default;
$primary-transparent-2: rgba($primary, 0.2) !default;
$primary-transparent-3: rgba($primary, 0.3) !default;
$primary-transparent-4: rgba($primary, 0.4) !default;
$primary-transparent-5: rgba($primary, 0.5) !default;
$primary-transparent-6: rgba($primary, 0.6) !default;
$primary-transparent-7: rgba($primary, 0.7) !default;
$primary-transparent-8: rgba($primary, 0.8) !default;
$primary-transparent-9: rgba($primary, 0.9) !default;
$colors: (
  'accent': $accent,
  'primary': $primary,
  'primary-text': $primary-text,
  'primary-light-1': $primary-light-1,
  'primary-light-2': $primary-light-2,
  'primary-light-3': $primary-light-3,
  'primary-light-4': $primary-light-4,
  'primary-light-5': $primary-light-5,
  'primary-light-6': $primary-light-6,
  'primary-light-7': $primary-light-7,
  'primary-light-8': $primary-light-8,
  'primary-light-9': $primary-light-9,
  'primary-dark-1': $primary-dark-1,
  'primary-dark-2': $primary-dark-2,
  'primary-dark-3': $primary-dark-3,
  'primary-dark-4': $primary-dark-4,
  'primary-dark-5': $primary-dark-5,
  'primary-dark-6': $primary-dark-6,
  'primary-dark-7': $primary-dark-7,
  'primary-dark-8': $primary-dark-8,
  'primary-dark-9': $primary-dark-9,
  'primary-transparent-0': $primary-transparent-0,
  'primary-transparent-1': $primary-transparent-1,
  'primary-transparent-2': $primary-transparent-2,
  'primary-transparent-3': $primary-transparent-3,
  'primary-transparent-4': $primary-transparent-4,
  'primary-transparent-5': $primary-transparent-5,
  'primary-transparent-6': $primary-transparent-6,
  'primary-transparent-7': $primary-transparent-7,
  'primary-transparent-8': $primary-transparent-8,
  'primary-transparent-9': $primary-transparent-9,
) !default;

$placeholder-text-color: #c0c4cc !default;
$placeholder-black-color: #606266 !default;

$border-radius: 0.15rem !default;
$border-radius-lg: 0.3rem !default;
$border-radius-sm: 0.15rem !default;
$border-color: $gray-300 !default;
$input-border-color: $border-color;

$box-shadow-base: 0 1px 3px rgba($black, 0.05) !default;
$box-shadow-dark: 0 1px 6px rgba($black, 0.05) !default;

$transition-duration: 0.3s;

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
) !default;
$grid-columns: 12 !default;
$grid-gutter-width: 16px;

$index-base: 2000 !default;
$line-height: 1.5 !default;

$aside-width: 200px !default;
$aside-collapse-width: 64px !default;
$header-height: 56px !default;
$crumb-height: 34px !default;
$footer-height: 45px !default;
